// pages/feedback/index.js
import {showToast} from "../../utils/asyncWx.js"
import regeneratorRuntime from '../../lib/runtime/runtime';
Page({

  /**
   * 页面的初始数据
   */
  data: {
    tabList: [
      {
        id: 0,
        value: "体验问题",
        active:true
      },
      {
        id: 1,
        value: "商品、商家投诉",
        active:false
      }
    ],
    chooseImgs:[],
    // 文本域的内容
    textVal:"",
    // 外网图片数组
    UpLoadImgs:[]
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

  handleTabChange(e){
    const index = e.detail;
    let tabs = this.data.tabList;
    tabs.forEach((v,i) => i===index?v.active = true:v.active=false
    )
    this.setData({
      tabList:tabs
    }) 
  },

  // 添加图片事件
  // 1.点击按钮触发事件
  // 2.调用小程序内置选择图片api
  // 3.获取图片路径
  // 4.保存图片路径数组
  // 5.页面根据图片循环
  handleChooseImg(){
    wx.chooseImage({
      count: 9,	// 同时选择最大图片数量默认为9
      sizeType: ['original', 'compressed'],	// 指定原图或者压缩图
      sourceType: ['album', 'camera'],	// 指定图片来源
      success: res => {
        // console.log(res);
        
        var tempFilePaths = res.tempFilePaths
        this.setData({
          chooseImgs:[...this.data.chooseImgs,...tempFilePaths]
        })
        // console.log(this.data.chooseImgs);
        
      }
    })
  },

  // 点击图片组件
  // 1.获取被点击的元素的索引
  // 2.获取图片数组
  // 3.根据索引删除数据
  // 4.重新保存数组
  handleRemoveImg(e){
    const {index} = e.currentTarget.dataset
    let chooseImgs = this.data.chooseImgs;
    chooseImgs.splice(index,1);
    this.setData({
      chooseImgs
    })
  },
  // 监视文本域内容
  handleTextInput(e){
    this.setData({
      textVal:e.detail.value
    })
  },

  // 点击提交按钮
  // 1.获取文本域的内容
  // 2.对这些图片进行合法性验证
  // 3.验证通过，用户选择的图片 上传到专门的图片的服务器，返回图片外网连接
  // 4.提交文本和外网图片路径到服务器    这一步没有配置接口，暂时跳过
  // 5.清空当前页面，返回上一页
  handleFormSubmit(){
    const {textVal,chooseImgs} = this.data;
    if(!textVal.trim()){
      showToast({title:"输入不合法"})
      return
    }
    wx.showLoading({
      title: "正在上传",
      mask: true
    });
    // 判断是否有要上传的数组
    if( chooseImgs.length!=0){
      chooseImgs.forEach((v,i)=>{
        var upTask = wx.uploadFile({
          // 图片要上传到哪里
          
          url: 'https://images.ac.cn/Home/Index/UploadAction/',
          // 文件路径
          filePath: v,
          // 文件名称
          name: "file",
          // 顺带的文本信息
          formData: {},
          success: (result)=>{
            // console.log(result);
          }
        });
        // 上传到最后一页
        if(i ===chooseImgs.length-1){
          // 提交成功 重置页面
          this.setData({
            textVal:'',
            chooseImgs:[]
          })
          wx.hideLoading();
          // 跳转回上一页
          wx.navigateBack({
            delta: 1
          });
        }
      })
    }else{
      wx.hideLoading();
      // console.log('只上传了文本');
      wx.navigateBack({
        delta: 1
      });
    }
    showToast({title:"提交成功"})
    // 上传图片 要对图片数组进行遍历上传
  }

})